<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="css/detail.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="box">

<div class="left">
<a href="index.html"><img src="images/1506673856.png" alt=""></a>
	<div class="left2"></div>
	<ul>
	<li><a href="">奇趣事</a></li>
	<li><a href="">潮科技</a></li>
	<li><a href="list.html">会生活</a></li>
	<li><a href="">美奇迹</a></li>
</ul>
   <hr style="position:absolute;top:330px; width: 180px;">
   <div style="position:absolute;top:350px; left:12px;">
<input type="text" style="height: 25px;" size="10" placeholder="输入关键字">
<button type="button" style="width: 50px;height: 30px;background-color: #ff766c;" >搜索</button>
</div>
<hr style="position:absolute;top:400px; width: 180px;">
<p style="text-align: center;"><a href="">链接01</a>&nbsp;|&nbsp;<a href="">链接02</a></p>
</div>

















	<div class="center">
<div class="qqs">
	<ol>
		<li><p>当前位置：奇趣事 >变废为宝！将手机电池变为充电宝的的一动电源</p></li>
		<li><h1>又发现酒窝夹笔盖新技能 城里人是不让人活了</h1></li>
		<li><p>DBU主题小秘发布2015-06-29 分类：奇趣事 阅读（241） 评论（143）</p></li>
	</ol>
</div>
	<div class="remen">
	<h2>热门推荐</h2>
	<ul>
	<li><img src="images/hots_2.jpg" style="height: 150px; width: 195px;margin-left: 20px;"/ >
	<br />
	<p style="font-size: 14px;color: #666666;margin-left: 20px;">星球大战原力觉醒视频演示电影<br />票86</p>
	</li>
	<li><img src="images/hots_3.jpg"style="height: 150px; width: 195px;margin-left: 10px;"/>
	<p style="font-size: 14px;color: #666;margin-left: 10px;">你敢骑吗？全球第一辆全功能3D<br />打印摩托车亮相</p></li>
	<li><img src="images/hots_4.jpg"style="height: 150px; width: 195px;margin-left: 10px;"/>
	<p style="font-size: 14px;color: #666;margin-left: 10px;">又现酒窝夹笔盖新技能，城里人<br />是不让人活了</p></li>
	<li><img src="images/hots_5.jpg"style="height: 150px; width: 195px;margin-left: 10px;"/>
	<p style="font-size: 14px;color: #666;margin-left: 10px;">实在太邪恶！照亮妹纸绝对领域<br />与私处</p></li>
	</ul>
</div>



		
		
	</div>
















<div class="right">
	<div class="right2">
		<h3 style="margin: 10px 25px;" >搜索</h3>
		<div style="position:absolute;top:50px; left:30px;">
<input type="text" style="height: 25px;" size="10" placeholder="输入关键字">
<button type="button" style="width: 50px;height: 30px;background-color: #ff766c;" >搜索</button>
</div>
	</div>
	<div class="right3">
	<h3 style="margin: 10px 25px;">随机推荐</h3>
	<dl>
		<dt>
			<img src="images/widget_1.jpg" alt="" width="65px; height="50px;>
		</dt>
		<dd>废灯泡的14种玩法 妹子见了都心动</dd>
		<dd class="rd">阅读（819）</dd>
	</dl>
	<hr>
	<dl>
		<dt>
			<img src="images/widget_2.jpg" alt="" width="65px; height="50px;>
		</dt>
		<dd>可爱卡通造型iPhone6防水手机套</dd>
		<dd class="rd">阅读（819）</dd>
	</dl>
	<hr>
	<dl>
		<dt>
			<img src="images/widget_3.jpg" alt="" width="65px; height="50px;>
		</dt>
		<dd>变废为宝！将手机旧电池变为充电宝的Better</dd>
		<dd class="rd">阅读（819）</dd>
	</dl>
	<hr>
	<dl>
		<dt>
			<img src="images/widget_4.jpg" alt="" width="65px; height="50px;>
		</dt>
		<dd>老外偷拍桂林芦笛岩洞 美如“地下彩虹</dd>
		<dd class="rd">阅读（819）</dd>
	</dl>
	<hr>
	<dl>
		<dt>
			<img src="images/widget_5.jpg" alt="" width="65px; height="50px;>
		</dt>
		<dd>doge神烦狗打底南瓜裤 就是如此魔性</dd>
		<dd class="rd">阅读（819）</dd>
	</dl>
	</div>

	<div class="right4">
	<h2 style="margin: 10px 25px; padding-bottom: 10px;">最新评论</h2>

	<dl>
		<dt><img src="images/avatar_1.jpg" alt=""width="50px; height="30px; ></dt>
		<dd><a href="">陆老爷</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>你就是个嘴巴！</span> </dd>
	</dl>
	<hr>

	<dl>
		<dt><img src="images/avatar_1.jpg" alt=""width="50px; height="35px; ></dt>
		<dd><a href="">陆老爷</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>苏喂苏喂苏喂</span> </dd>
		
	</dl>
	<hr>

	<dl>
		<dt><img src="images/avatar_2.jpg" alt=""width="50px; height="35px; ></dt>
		<dd><a href="">鲜活</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>挺会玩的</span> </dd>	
	</dl>
	<hr>

	<dl>
		<dt><img src="images/avatar_1.jpg" alt=""width="50px; height="35px; ></dt>
		<dd><a href="">鲜活</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>挺会玩的</span> </dd>
	</dl>
	<hr>

	<dl>
		<dt><img src="images/avatar_2.jpg" alt=""width="50px; height="35px; ></dt>
		<dd><a href="">鲜活</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>挺会玩的</span> </dd>	
	</dl>
	<hr>

	<dl>
		<dt><img src="images/avatar_1.jpg" alt=""width="50px; height="35px; ></dt>
		<dd><a href="">鲜活</a>&nbsp;<span class="rd">9个月前（08-14）说:<br><br>挺会玩的</span> </dd>	
	</dl>			
	</div>
</div>
</div>
</div>


	
</body>
</html>